<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="white-bold"
      class="page-section layout-engine-section background-width--inset section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle has-background softwareMain white-bold"
      data-section-id="6073ff55c64f9762a2a3667b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg"
            data-image="../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg"
            data-image-dimensions="2500x1666"
            data-image-focal-point="0.5129151291512916,0.6260929789628604"
            data-load="false"
            elementtiming="nbf-background"
            src="../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg"
            width="2500"
            height="1666"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="
              display: block;
              object-position: 51.291512915129154% 62.609297896286044%;
            "
            srcset="
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=100w   100w,
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=300w   300w,
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=500w   500w,
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=750w   750w,
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=1000w 1000w,
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=1500w 1500w,
              ../assets/imgs/unsplash-image-L3f7Svx8v3M.jpg?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="preScale scaleIn h1-white"
                      >
                        News +
                        <em style="font-weight: 500">Information</em>
                      </h1>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--left vertical-alignment--middle white"
      data-section-id="6073ff55c64f9762a2a3667b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      data-active="true"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="sqs-block html-block sqs-block-html">
                <div class="sqs-html-content">
                  <p>Blog</p>
                  <h1 class="h1-1">Healthcare News</h1>
                  <p>Bringing you important industry news and information</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme="white"
      class="page-section content-collection full-bleed-section collection-type-blog-side-by-side background-width--full-bleed section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle white"
    >
      <div class="content-wrapper">
        <div class="content artPadding">
          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/vaccineswebinar"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/Webinar+4.jpg"
                    data-image="../assets/imgs/Webinar+4.jpg"
                    data-image-dimensions="1600x998"
                    data-image-focal-point="0.5,0.5"
                    alt="Health Life at Emerging Vaccines Webinar"
                    data-load="false"
                    src="../assets/imgs/Webinar+4.jpg"
                    width="1600"
                    height="998"
                    sizes="(max-width:767px)240.4809619238477vw,168.3366733466934vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/Webinar+4.jpg?format=100w   100w,
                      ../assets/imgs/Webinar+4.jpg?format=300w   300w,
                      ../assets/imgs/Webinar+4.jpg?format=500w   500w,
                      ../assets/imgs/Webinar+4.jpg?format=750w   750w,
                      ../assets/imgs/Webinar+4.jpg?format=1000w 1000w,
                      ../assets/imgs/Webinar+4.jpg?format=1500w 1500w,
                      ../assets/imgs/Webinar+4.jpg?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>4/12/21</p>
                <h1>
                  <router-link to="/vaccineswebinar">
                    Health Life at Emerging Vaccines Webinar
                  </router-link>
                </h1>
              </div>
            </section>
          </article>
          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/onlinemedical"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/blog+1.png"
                    data-image="../assets/imgs/blog+1.png"
                    data-image-dimensions="1920x842"
                    data-image-focal-point="0.5,0.5"
                    alt='The development of Internet medical "throttle" and "brake" are indispensable'
                    data-load="false"
                    src="../assets/imgs/blog+1.png"
                    width="1920"
                    height="842"
                    sizes="(max-width:767px)342.0427553444181vw,239.42992874109265vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/blog+1.png?format=100w   100w,
                      ../assets/imgs/blog+1.png?format=300w   300w,
                      ../assets/imgs/blog+1.png?format=500w   500w,
                      ../assets/imgs/blog+1.png?format=750w   750w,
                      ../assets/imgs/blog+1.png?format=1000w 1000w,
                      ../assets/imgs/blog+1.png?format=1500w 1500w,
                      ../assets/imgs/blog+1.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>7/28/20</p>
                <h1>
                  <router-link to="/onlinemedical">
                    The development of Internet medical "throttle" and "brake"
                    are indispensable
                  </router-link>
                </h1>
              </div>
            </section>
          </article>
          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/overview"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/blog+3.png"
                    data-image="../assets/imgs/blog+3.png"
                    data-image-dimensions="1920x1127"
                    data-image-focal-point="0.5,0.5"
                    alt="Overview of the format of the medical technology industry: smart healthcare, internet healthcare, mobile healthcare</a>"
                    data-load="false"
                    src="../assets/imgs/blog+3.png"
                    width="1920"
                    height="1127"
                    sizes="(max-width:767px)255.54569653948536vw,178.88198757763976vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/blog+3.png?format=100w   100w,
                      ../assets/imgs/blog+3.png?format=300w   300w,
                      ../assets/imgs/blog+3.png?format=500w   500w,
                      ../assets/imgs/blog+3.png?format=750w   750w,
                      ../assets/imgs/blog+3.png?format=1000w 1000w,
                      ../assets/imgs/blog+3.png?format=1500w 1500w,
                      ../assets/imgs/blog+3.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>4/20/20</p>
                <h1>
                  <router-link to="/overview">
                    Overview of the format of the medical technology industry:
                    smart healthcare, internet healthcare, mobile healthcare
                  </router-link>
                </h1>
              </div>
            </section>
          </article>
          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/newdiscovery"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/blog+2.png"
                    data-image="../assets/imgs/blog+2.png"
                    data-image-dimensions="1920x1278"
                    data-image-focal-point="0.5,0.5"
                    alt="New discovery by Chinese scholars: early cancer screening can be achieved through non-invasive blood testing"
                    data-load="false"
                    src="../assets/imgs/blog+2.png"
                    width="1920"
                    height="1278"
                    sizes="(max-width:767px)225.35211267605632vw,157.74647887323943vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/blog+2.png?format=100w   100w,
                      ../assets/imgs/blog+2.png?format=300w   300w,
                      ../assets/imgs/blog+2.png?format=500w   500w,
                      ../assets/imgs/blog+2.png?format=750w   750w,
                      ../assets/imgs/blog+2.png?format=1000w 1000w,
                      ../assets/imgs/blog+2.png?format=1500w 1500w,
                      ../assets/imgs/blog+2.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>2/22/20</p>
                <h1>
                  <router-link to="/newdiscovery">
                    New discovery by Chinese scholars: early cancer screening
                    can be achieved through non-invasive blood testing
                  </router-link>
                </h1>
              </div>
            </section>
          </article>

          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/signupnow"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/blog+4.png"
                    data-image="../assets/imgs/blog+4.png"
                    data-image-dimensions="1920x1280"
                    data-image-focal-point="0.5,0.5"
                    alt="SIGN UP NOW! This local company wants to donate 100 health monitoring equipment"
                    data-load="false"
                    src="../assets/imgs/blog+4.png"
                    width="1920"
                    height="1280"
                    sizes="(max-width:767px)225vw,157.5vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/blog+4.png?format=100w   100w,
                      ../assets/imgs/blog+4.png?format=300w   300w,
                      ../assets/imgs/blog+4.png?format=500w   500w,
                      ../assets/imgs/blog+4.png?format=750w   750w,
                      ../assets/imgs/blog+4.png?format=1000w 1000w,
                      ../assets/imgs/blog+4.png?format=1500w 1500w,
                      ../assets/imgs/blog+4.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>2/11/20</p>
                <h1>
                  <router-link to="/signupnow">
                    SIGN UP NOW! This local company wants to donate 100 health
                    monitoring equipment
                  </router-link>
                </h1>
              </div>
            </section>
          </article>
          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/voiceofhospitalexperts"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/blog+5.png"
                    data-image="../assets/imgs/blog+5.png"
                    data-image-dimensions="1920x1297"
                    data-image-focal-point="0.5,0.5"
                    alt="Voice of hospital experts: Break through the best and most expensive thinking of traditional medical care, value medical care or the future direction of medical reform!"
                    data-load="false"
                    src="../assets/imgs/blog+5.png"
                    width="1920"
                    height="1297"
                    sizes="(max-width:767px)222.0508866615266vw,155.43562066306862vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/blog+5.png?format=100w   100w,
                      ../assets/imgs/blog+5.png?format=300w   300w,
                      ../assets/imgs/blog+5.png?format=500w   500w,
                      ../assets/imgs/blog+5.png?format=750w   750w,
                      ../assets/imgs/blog+5.png?format=1000w 1000w,
                      ../assets/imgs/blog+5.png?format=1500w 1500w,
                      ../assets/imgs/blog+5.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>12/9/19</p>
                <h1>
                  <router-link to="/voiceofhospitalexperts">
                    Voice of hospital experts: Break through the best and most
                    expensive thinking of traditional medical care, value
                    medical care or the future direction of medical reform!
                  </router-link>
                </h1>
              </div>
            </section>
          </article>
          <article
            class="hentry author-houai-health-management post-type-text article-index-1 blog-item entry is-loaded"
          >
            <section class="blog-image-wrapper">
              <div>
                <router-link
                  to="/ghealthcare"
                  class="image-wrapper preScale scaleIn"
                >
                  <img
                    data-src="../assets/imgs/blog+6.png"
                    data-image="../assets/imgs/blog+6.png"
                    data-image-dimensions="1920x1278"
                    data-image-focal-point="0.5,0.5"
                    alt="7 futures of 5G Healthcare"
                    data-load="false"
                    src="../assets/imgs/blog+6.png"
                    width="1920"
                    height="1278"
                    sizes="(max-width:767px)225.35211267605632vw,157.74647887323943vw"
                    class="image"
                    style="
                      display: block;
                      position: absolute;
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: 50% 50%;
                    "
                    srcset="
                      ../assets/imgs/blog+6.png?format=100w   100w,
                      ../assets/imgs/blog+6.png?format=300w   300w,
                      ../assets/imgs/blog+6.png?format=500w   500w,
                      ../assets/imgs/blog+6.png?format=750w   750w,
                      ../assets/imgs/blog+6.png?format=1000w 1000w,
                      ../assets/imgs/blog+6.png?format=1500w 1500w,
                      ../assets/imgs/blog+6.png?format=2500w 2500w
                    "
                    loading="lazy"
                    decoding="async"
                    data-loader="sqs"
                  />
                </router-link>
              </div>
            </section>
            <section class="blog-item-summary">
              <div>
                <p>7/28/19</p>
                <h1>
                  <router-link to="/ghealthcare"
                    >7 futures of 5G Healthcare</router-link
                  >
                </h1>
              </div>
            </section>
          </article>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../components/header.vue";
import Footer from "../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@import url("../assets/css/common.css");
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    font-size: calc((4 - 2) * 1.2vw + 1rem);
    font-weight: 500;
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .page-section.content-width--medium:not(.content-collection) .content {
    width: 75%;
  }
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.h1-white {
  color: #fff;
}
p,
h1,
a {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.sqs-block-html .sqs-block-content > *:first-child,
.sqs-block-html .sqs-html-content > *:first-child {
  margin-top: 0;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.sqs-block-html .sqs-block-content > *:last-child,
.sqs-block-html .sqs-html-content > *:last-child {
  margin-bottom: 0;
}
.sqs-html-content h1,
.sqs-html-content p {
  text-align: left;
}
.blog-item {
  width: 100%;
  position: relative;
  display: block;
  opacity: 0;
  transform: translatey(-15px);
  transition: opacity 1s ease, transform 1s ease;
}
.blog-item.is-loaded {
  opacity: 1;
  transform: translatey(0);
}
@media screen and (min-width: 768px) {
  .blog-item {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .blog-image-wrapper {
    width: 34%;
    margin-right: 6%;
    margin-bottom: 0;
  }
}
.image-wrapper {
  padding-bottom: 66.666%;
}
.scaleIn:not([data-override-initial-global-animation]) {
  opacity: 1 !important;
}
.image-wrapper {
  margin: 0;
  height: 0;
  overflow: hidden;
  position: relative;
  display: flex;
}
.blog-item {
  max-width: 1400px;
  padding-left: 4vw;
  padding-right: 4vw;
  margin: 0 auto;
  box-sizing: border-box;
  margin-bottom: 49px;
}
.blog-item p,
.blog-item h1 {
  text-align: left;
}
.blog-item {
  /* padding-top: 4vw;
    padding-bottom: 4vw; */
}
@media screen and (min-width: 768px) {
  .blog-item-summary {
    width: calc(100% - 34% - 6%);
  }
}
.artPadding {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
@media screen and (max-width: 767px) {
  .softwareMain .section-background {
    top: 136px !important;
  }
  .softwareMain {
    padding-top: 136px !important;
  }
}
@media screen and (max-width: 767px) {
  .sqs-row {
    margin-left: 0;
    margin-right: -17px;
  }
}
</style>
